<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Handbag</title>
        <meta name="description" content="Handbag" />
        <link rel="stylesheet" type="text/css" href="../../assets/css/reset.css" />
        <link rel="stylesheet" type="text/css" href="js/nivo-slider.css" />
        <link rel="stylesheet" type="text/css" href="js/tinycarousel.css" />
        <link rel="stylesheet" type="text/css" href="js/default.css" />
        <link rel="stylesheet" type="text/css" href="css/layout.css" />
        <link rel="stylesheet" type="text/css" href="css/ws_home.css" />
        <link rel="stylesheet" type="text/css" href="css/ws_container.css" />
        <link rel="stylesheet" href="js/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
        <script src="js/jquery.nivo.slider.pack.js" type="text/javascript" charset="utf-8"></script>
        <link href='http://fonts.googleapis.com/css?family=Fanwood+Text' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Lusitana' rel='stylesheet' type='text/css'>

        <!-- HMENU --><link rel="stylesheet" type="text/css" href="../../widget/hmenu/3/hmenu_3.css" />
        <!-- Logo --><link rel="stylesheet" type="text/css" href="../../widget/logo/2/logo_2.css" />
        <!-- Search bar --> <link rel="stylesheet" type="text/css" href="../../widget/search_bar/2/search_bar_2.css" />
        <!-- Home Banner --> <link rel="stylesheet" type="text/css" href="../../widget/home_banner/2/home_banner_2.css" />
        <!-- slogan --> <link rel="stylesheet" type="text/css" href="../../widget/html/0/slogan_widget/slogan_0.css" />
        <!-- html widget 2 --><link rel="stylesheet" type="text/css" href="../../widget/html/1/introduction_content_widget/introduction_content_1.css" />
        <!-- service listing --><link rel="stylesheet" type="text/css" href="../../widget/service_listing/0/service_listing_0.css" />


    </head>
    <body>
        <div id="wrapper">	
            <div id="wrapper_top">
                <div id="wrapper_custom_1">
                    <div id="hook_menu" class="hook">
                        <!--HMENU WIDGET [slug:menu, library:3, widget instance:1]-->
                        <div id="menu_wi_1" class="menu_3"> 
                            <!--Load css of widget-->
                            <ul class="menu">
                                <li class="active"><a href="home.html">Home</a>
                                <li><a href="#">About us</a>
                                <li><a href="#">Services</a>
                                <li><a href="#">Practices</a>
                                <li><a href="#">Reosources</a>
                                <li><a href="gallery.html">Gallery</a>
                                <li class="last"><a href="contact.html">Contact Us</a>
                            </ul>
                        </div>
                        <!--END HMENU WIDGET-->                         
                    </div><!-- End #hook_menu -->

                </div>
                <!--End #wrapper_custom_1-->  

                <div id="wrapper_custom_2">
                    <div id="hook_header" class="hook">
                        <!--LOGO WIDGET [slug:logo, library:2, widget instance:1]-->
                        <div id="logo_wi_1" class="logo_2"> 
                            <!--Load css of widget-->

                            <h1>
                                privator
                            </h1>
                            <h3>
                                Lawyer Bureau
                            </h3>

                        </div>
                        <!--END LOGO WIDGET--> 

                        <!--SEARCH BAR WIDGET [slug:search, library:2, widget instance:1]-->

                        <div id="search_bar_wi_1" class="search_bar_2"> 
                            <!--Load css of widget-->

                            <form id="searchForm" class="searchForm" action="#" method="post">
                                <div class="search_panel">
                                    <input type="text" class="searchText" id="searchText" value="Search Keyword Here ..."/> 
                                    <input type="submit" class="buttonSearch" id="buttonSearch" value=""/>
                                </div>
                            </form>
                        </div>
                        <!--END SEARCH WIDGET--> 

                        <!--HOME BANNER WIDGET [slug:home_banner, library:2, widget instance:1]-->
                        <div id="home_banner_wi_1" class="home_banner_2"> 

                            <div class="banner_image_box">
                                <img src="images/banner.png" alt="banner image" />
                            </div><!-- End #banner_image_box -->
                        </div>
                        <!-- End HOME BANNER WIDGET -->

                        <!--HTML SLOGAN WIDGET [slug:html_slogan, library:0, widget instance:1]-->
                        <div id="html_wi_1" class="html_slogan_0"> 

                            <ul>
                                <li class="slogan_icon_left"></li>
                                <li class="slogan_content">Tôi có 1 khát khao là cho mọi người càng nhiều tiền càng tốt</li>
                                <li class="slogan_signature"><span>Trung Linh</span></li>
                            </ul>
                            <div class="clear"></div>
                        </div>
                        <!-- End HTML SLOGAN WIDGET -->

                    </div><!-- End #hook_header -->
                </div><!-- End #wrapper_custom_2 -->
            </div>
            <!-- END #wrapper_top -->
            <div id="wrapper_main">
                <div id="wrapper_custom_3">
                    <div id="hook_introduction" class="hook">
                        <!--HTML WIDGET 2 [slug:html_widget, library:1, widget instance:1]-->
                        <div id="html_wi_2" class="html_introduction_content_1"> 
                            <ul>
                                <li>
                                    <h2>More Than Just a Lawyer</h2>
                                    <img src="images/home/intro_1.png"/>
                                    <p>Lorem ipsum dolor sit amet, consectetuer 
                                        adipiscing elit, sed diam nonummy nibh euismod 
                                        tincidunt ut laoreet dolore magna aliquam erat 
                                        volutpat.
                                    </p>
                                </li>
                                <li>
                                    <h2>More Than Just a Lawyer</h2>
                                    <img src="images/home/intro_1.png"/>
                                    <p>Lorem ipsum dolor sit amet, consectetuer 
                                        adipiscing elit, sed diam nonummy nibh euismod 
                                        tincidunt ut laoreet dolore magna aliquam erat 
                                        volutpat.
                                    </p>
                                </li>
                                <li class="last">
                                    <h2>More Than Just a Lawyer</h2>
                                    <img src="images/home/intro_1.png"/>
                                    <p>Lorem ipsum dolor sit amet, consectetuer 
                                        adipiscing elit, sed diam nonummy nibh euismod 
                                        tincidunt ut laoreet dolore magna aliquam erat 
                                        volutpat.
                                    </p>
                                </li>

                            </ul>
                            <div class="clear"></div>
                        </div>
                        <!-- End HTML INTRODUCTION CONTENT WIDGET -->
                    </div><!-- End #hook_introduction -->
                </div><!-- End #wrapper_custom_3 -->

                <style>
                    #wrapper_custom_4 {
                        margin: 10px 0px;
                    }
                    #wrapper_custom_5 {
                        width: 558px;
                        float:left;
                    }
                    #wrapper_custom_6 {
                        width: 359px;
                        float:right;
                    }
                </style>
                <div id="wrapper_custom_4">
                    <div id="wrapper_custom_5">
                        <div id="hook_service">
                            <!--SERVICE LISTING WIDGET [slug:service listing, library:0, widget instance:1]-->
                            <div id="service_listing_wi_1" class="service_listing_0"> 
                                <h2 class="service_header">
                                    Areas Of Practices
                                </h2>
                                <ul>
                                    <li>
                                        <div class="number">1</div><!-- End .number -->
                                        <div class="service_content">
                                            <h2>Unfair Debt Collection</h2>
                                            <p>Lorem ipsum dolor sit amet, conse ctetueradipiscing elit, sed diam nonu my nibh euismod tinc.</p>
                                            <div class="read_more"><a href="#">See more</a></div><!--End .read_more-->
                                            <div class="clear"></div>
                                        </div><!-- End .service_content -->
                                    </li>

                                    <li class="right">
                                        <div class="number">2</div><!-- End .number -->
                                        <div class="service_content">
                                            <h2>Unfair Debt Collection</h2>
                                            <p>Lorem ipsum dolor sit amet, conse ctetueradipiscing elit, sed diam nonu my nibh euismod tinc.</p>
                                            <div class="read_more"><a href="#">See more</a></div><!--End .read_more-->
                                            <div class="clear"></div>
                                        </div><!-- End .service_content -->
                                    </li>

                                    <li>
                                        <div class="number">3</div><!-- End .number -->
                                        <div class="service_content">
                                            <h2>Unfair Debt Collection</h2>
                                            <p>Lorem ipsum dolor sit amet, conse ctetueradipiscing elit, sed diam nonu my nibh euismod tinc.</p>
                                            <div class="read_more"><a href="#">See more</a></div><!--End .read_more-->
                                            <div class="clear"></div>
                                        </div><!-- End .service_content -->
                                    </li>

                                    <li class="right">
                                        <div class="number">4</div><!-- End .number -->
                                        <div class="service_content">
                                            <h2>Unfair Debt Collection</h2>
                                            <p>Lorem ipsum dolor sit amet, conse ctetueradipiscing elit, sed diam nonu my nibh euismod tinc.</p>
                                            <div class="read_more"><a href="#">See more</a></div><!--End .read_more-->
                                            <div class="clear"></div>
                                        </div><!-- End .service_content -->
                                    </li>
                                </ul>
                            </div>
                            <!-- End SERVICE LISTING WIDGET -->
                        </div><!-- End #hook_service -->

                    </div><!-- End #wrapper_custom_5 -->

                    <div id="wrapper_custom_6">
                        <div id="hook_news_list">
                            <!--NEWS LIST WIDGET [slug:news list, library:4, widget instance:1]-->
                            <div id="news_list_wi_1" class="news_list_0"> 
                                <style>
                                    .news_list_0 h2.news_list_header{
                                        font:18px 'Lusitana', serif;
                                        color:#364349;
                                        margin-bottom: 20px;
                                        padding-bottom:5px;
                                        border-bottom:1px solid #cecece;
                                    }

                                    .news_list_0 ul li{
                                        padding-bottom:20px;
                                        background: url(images/news_list_divider.png) repeat-x bottom;
                                        margin-bottom:20px;
                                    }

                                    .news_list_0 ul li.last, .news_list_0 ul li:last-child{
                                        background: none;
                                    }

                                    .news_list_0 ul li h2{
                                        font:12px 'Lusitana', serif;
                                        color:#50b9ea;
                                        text-align: center;
                                        margin-bottom: 15px;
                                    }

                                    .news_list_0 ul li p{
                                        font:11px Tahoma;
                                        color:#919191;
                                        text-align: justify;

                                    }
                                </style>
                                <h2 class="news_list_header">
                                    Highlights
                                </h2>
                                <ul>
                                    <li>
                                        <h2>Febuary 22th, 2012</h2>
                                        <p>Lorem ipsum amet, consectetuer adipiscing elit, sed diam nonummy t laoreet dolore magna aliquam erat volutpat.</p>
                                    </li>

                                    <li>
                                        <h2>Febuary 22th, 2012</h2>
                                        <p>Lorem ipsum amet, consectetuer adipiscing elit, sed diam nonummy t laoreet dolore magna aliquam erat volutpat.</p>
                                    </li>

                                    <li>
                                        <h2>Febuary 22th, 2012</h2>
                                        <p>Lorem ipsum amet, consectetuer adipiscing elit, sed diam nonummy t laoreet dolore magna aliquam erat volutpat.</p>
                                    </li>

                                    <li class="last">
                                        <h2>Febuary 22th, 2012</h2>
                                        <p>Lorem ipsum amet, consectetuer adipiscing elit, sed diam nonummy t laoreet dolore magna aliquam erat volutpat.</p>
                                    </li>
                                </ul>

                            </div>
                            <!-- End News list WIDGET -->
                        </div><!-- End #hook_news_list -->
                    </div><!-- End #wrapper_custom_6 -->
                </div><!-- End #wrapper_custom_4 -->

            </div><!-- End #wrapper_main -->


            <div id="main_content">
                <style>
                    #main_content{
                        background:#ffffff;
                        min-height:200px;
                        margin-bottom:20px;

                    }

                </style>

                <div id="wrapper_news">
                    <div id="news_col_left">
                        <style>
                            #wrapper_news{
                                width:936px;
                                margin:0px auto;
                                margin-top:30px;
                            }
                            #news_col_left{
                                float:left;
                                width:558px;
                            }
                        </style>
                        <div id="wrapper_service">
                            <style>
                                #wrapper_service{
                                    width:558px;

                                }
                            </style>

                        </div><!--End #wrapper_service-->

                    </div><!--End #news_col_left-->

                    <div id="news_col_right">
                        <style>
                            #news_col_right{
                                float:right;
                                width:315px;

                            }
                        </style>

                    </div><!--End #news_col_right-->
                    <div class="clear"></div>
                </div><!--End #wrapper_news-->

            </div><!--End #main_content-->



        </div><!--End #main-->



        <div id="wrapper_footer">
            <style>
                #wrapper_footer{
                    height:169px;
                    background: url(images/footer_bg.png) repeat-x;
                }
                #footer_section{
                    width:1000px;
                    margin:0px auto;

                }
            </style>
            <div id="footer_section">
                <!--FOOTER WIDGET [slug:footer, library:1, widget instance:1]-->
                <style>
                    .footer_1 .footer_left{
                        float:left;
                        width:248px;
                    }

                    .footer_1 .footer_left .footer_logo{
                        background: url(images/footer_logo_bg.png) no-repeat center;
                        width:248px;
                        height:180px;
                        margin-top:-16px;
                        padding-top:10px;


                    }
                    .footer_1 .footer_left .footer_logo h1, .footer_1 .footer_left .footer_logo h3{
                        font-family: Arial;
                        margin-left:50px;
                    }

                    .footer_1 .footer_left .footer_logo h1{
                        font-size: 30px;
                        text-transform: uppercase;
                        font-weight: normal;
                        color:#ffffff;
                        margin-bottom: 5px;
                        margin-top: 55px;


                    }

                    .footer_1 .footer_left .footer_logo h3{
                        font-size: 14px;
                        font-weight: normal;
                        color:#b1b1b1;

                    }

                    .footer_1 .footer_right{
                        float:right;
                        width:730px;
                    }

                    .footer_1 .footer_right ul.small_nav_1{
                        display:block;
                        margin-top: 30px;
                    }

                    .footer_1 .footer_right ul.small_nav_1 li{
                        display:inline;
                        padding-right: 15px;
                        padding-left: 5px;
                        background: url(images/footer_menu_divider.png) no-repeat right;


                    }

                    .footer_1 .footer_right ul.small_nav_1 li.last{
                        background: none;

                    }

                    .footer_1 .footer_right ul.small_nav_1 li a{
                        font-family: tahoma;
                        color:#777575;
                        font-size: 11px;


                    }

                    .footer_1 .footer_right ul.small_nav_2{
                        display:block;
                        margin-top: 20px;
                    }

                    .footer_1 .footer_right ul.small_nav_2 li{
                        display:inline;
                        padding-right: 15px;
                        padding-left: 5px;
                        background: url(images/footer_menu_divider.png) no-repeat right;


                    }

                    .footer_1 .footer_right ul.small_nav_2 li.last{
                        background: none;

                    }

                    .footer_1 .footer_right ul.small_nav_2 li a{
                        font-family: tahoma;
                        color:#353535;
                        font-size: 11px;

                    }

                    .footer_1 .footer_bottom{
                        margin-top:30px;
                    }

                    .footer_1 .footer_bottom .copyright{
                        float:left;
                        width:345px;
                    }

                    .footer_1 .footer_bottom .copyright p{
                        font-family: Tahoma;
                        font-size:10px;
                        color:#7e7f81;
                        margin-top: 25px;
                    }

                    .footer_1 .footer_bottom .social_network{
                        float:right;
                        width: 250px;
                    }

                    .footer_1 .footer_bottom .social_network ul li{
                        float:left;
                        width:40px;
                        height:40px;
                        margin-right:10px;
                    }



                </style>
                <div id="footer_wi_1" class="footer_1"> 
                    <div class="footer_left">
                        <div class="footer_logo">
                            <h1>
                                privator
                            </h1>
                            <h3>
                                Lawyer Bureau
                            </h3>
                        </div><!--End .footer_logo-->

                    </div><!--End .footer_left-->

                    <div class="footer_right">
                        <ul class="small_nav_1">
                            <li><a href="#">Contact</a></li>
                            <li><a href="#">Contact</a></li>
                            <li><a href="#">Contact</a></li>
                            <li><a href="#">Contact</a></li>
                            <li><a href="#">Contact</a></li>
                            <li><a href="#">Contact</a></li>
                            <li><a href="#">Contact</a></li>
                            <li><a href="#">Contact</a></li>
                            <li class="last"><a href="#">Personal information</a></li>
                        </ul>

                        <ul class="small_nav_2">
                            <li><a href="#">Contact</a></li>
                            <li><a href="#">Contact</a></li>
                            <li><a href="#">Contact</a></li>
                            <li><a href="#">Contact</a></li>
                            <li><a href="#">Contact</a></li>
                            <li class="last"><a href="#">Personal information</a></li>
                        </ul>

                        <div class="footer_bottom">
                            <div class="copyright">
                                <p>
                                    ©2012 POWERED BY PRIVATO™. ALL RIGHT RESERVED.
                                </p>
                            </div><!--End .copyright -->

                            <div class="social_network">
                                <ul>
                                    <li><a href="#"><img src="images/youtube_icon.png" alt="youtube"/></a></li>
                                    <li><a href="#"><img src="images/facebook_icon.png" alt="facebook"/></a></li>
                                    <li><a href="#"><img src="images/googleplus_icon.png" alt="google+"/></a></li>
                                    <li><a href="#"><img src="images/rss_icon.png" alt=""/></a></li>
                                    <li><a href="#"><img src="images/twitter_icon.png" alt="twitter"/></a></li>
                                </ul>
                            </div><!--End .social_network -->
                            <div class="clear"></div>
                        </div><!--End .footer_bottom -->
                    </div><!--End .footer_right-->
                    <div class="clear"></div>
                </div>
                <!--END FOOTER WIDGET--> 

            </div><!--End #footer_section-->

        </div><!--End #wrapper_footer-->
    </div>
    <!--END wrapper-->
</body>
</html>